@charset "utf-8";
@import "utils";
/*@import "reset";*/
/*@import "common";*/
.classification_web{
    @include web;
    //头部引入 
    section{
        @include midContent;
        .subMenu{ 
            &::-webkit-scrollbar {
                width: 0em;
            }
            &::-webkit-scrollbar:horizontal {
            height: 0em;
            }
            border-bottom: 1px solid #b9bab9;
            white-space: nowrap;
            margin: 0 auto;
            margin-top: r(30);
            width: 94%;
            height: r(900);
            position: absolute;
            overflow: auto;
            overflow-y: hidden ;
            top: 0;
            z-index: 9;
            background: transparent;
            border: none;
            outline: none;
            padding-top: r(20);
            li{
                &>span{
                    line-height: 1.5;
                    display: inline-block;
                    margin-top: r(-15);
                }
                display: inline-block;
               // font-size: r(24+8);
                font-size: r(20+8);
                color: #cc8f7b;
                border-right: 1px solid;
                text-align: center;
                height: r(20);
                line-height: r(20);
                 // margin: 0 r(6);
                padding: 0 r(18);
                position: relative;
                div.secondary_{
                    &::before{
                        content: "";
                        display: block;
                        position: absolute;
                        width: r(60);
                        height: r(6);
                        background: #e39d88;
                        top: r(-3);
                        left: 50%;
                        transform: translateX(-50%);
                    }
                    transition:transform .2s;
                    position: absolute;
                    //top: r(75);
                    top:r(45);
                    left: 50%;
                    transform-origin: top center; 
                    transform: translateX(-50%) scaleY(0);
//                  display: none; 
                    z-index: 999;
                    background-color: white;
                    >p{
                        text-align: center;
                        color: #666;
//                      width: r(144);
                        min-width: r(144);
                        border-radius: r(5);
                        padding:0 r(10);
                        height: r(55);
                        line-height: r(55);
                        margin-top: r(5);
                        box-sizing: border-box;
                        background-color: #f9ebe7;
                        overflow: hidden;
                    }
                }
            }
            
        }
        //二级菜单
        .list{
            //height: r(66);
            height: r(16);
            width: 100%;
            margin: r(24) 0;
            padding-top: r(80);
            position: relative;
            z-index: 0;
            hr{
                display: none;
                position: absolute;
                top: r(50);
                width: 100%;
                color: #c2c2c2;
                height: r(1);
            }
            
        }
        .mod{
            >a{
                display: inline-block;
                width: 100%;
                height: 100%;
            }
            width: 100%;
            height: r(327);
            position: relative;
            overflow: hidden;
            border-radius: r(10);
            img{
                width: 100%;
                @include abCenter;
            }
        }
        //产品展示
        .module{
            margin-top: r(12);
            ul{
                overflow: hidden;
                li{
                    margin-top: r(20);
                    border-radius: r(8);
                    width: r(340);
                    height: r(298);
                    position: relative;
                    overflow: hidden;
                    img{
                        width: 100%;
                       @include abCenter;
                    }
                }
                li:nth-child(2n){
                    float: right;
                }
                li:nth-child(2n+1){
                    float: left;
                }
            }
        }
    }
}
